import { createRouter, createWebHistory } from 'vue-router'
import {routers} from './routers'  //配置的路由列表对象
import { userInfoStore } from '@/stores/userInfo'
// 在router挂载封装的插件  才能用
import loginDialogPlugin from '@/plugin/loginDialogPlugin'
import {createApp} from 'vue'
//定义router
const router = createRouter({
  history: createWebHistory(import.meta.env.BASE_URL),
  routes: routers
})

// 给router添加一个属性，为vuecreateApp的实例方法
router.app = createApp()
// 将插件 挂载到 router上
router.app.use(loginDialogPlugin)

  
// 最后通过导航守卫  检测是否需要这个登录框弹出
router.beforeEach((to, from, next) => {
  //to的地方需要登录  
  if (to.name !== 'Home' && userInfoStore().isLogin != true){
    // console.log('请先登录',router)
    router.app.config.globalProperties.$showLoginDialog(true)
  }else{
    // console.log('登录成功');
    console.log(router);
    next()
  }
})

// router.afterEach((to, from,next) => {
  // console.log('afterEach', to, from)
  
  // if (from.path !== '/' && userInfoStore().isLogin !== true) {
  //   console.log('请先登录', router)
  //   console.log(router);
  // //   router.app.config.globalProperties.$showLoginDialog(true)
  // } else {
  //   console.log('未通过');
    
  //   // // console.log('登录成功');
  //   // console.log(router);
  //   // next()
  // }
// })

export default router
